<template>
	<!--关于弹窗-->
	<a-modal v-model:visible="aboutDialogVisible"  title="关于" width="600px" :footer="null">
		<div style="">
			<div style="font-weight: bold;font-size: 25px;">swagger-mg-ui</div>
			<div style="line-height: 30px;padding: 10px 0;">
				<div>版本 2.0.0</div>
				<div>版权所有 © 2018-2021 <a target="_blank" href="http://doc.zyplayer.com">doc.zyplayer.com</a></div>
			</div>
			<a-tabs type="card">
				<a-tab-pane tab="支持" key="support">
					<div style="line-height: 30px;">
						<div>主页：<a target="_blank" href="https://gitee.com/zyplayer/zyplayer-doc">https://gitee.com/zyplayer/zyplayer-doc</a></div>
						<div>反馈：<a target="_blank" href="https://gitee.com/zyplayer/zyplayer-doc/issues">https://gitee.com/zyplayer/zyplayer-doc/issues</a></div>
						<div>特性关注&技术交流QQ群：466363173</div>
						<div>
							Tips：本项目为zyplayer-doc项目Swagger模块前端的精简版，有任何问题都可统一提给
							<a target="_blank" href="https://gitee.com/zyplayer/zyplayer-doc">zyplayer-doc</a>
							项目，将同步升级至本项目，zyplayer-doc能提供更强大的统一文档管理功能，欢迎前往了解。
						</div>
						<a-divider content-position="left">UI/设计/开发/测试</a-divider>
						<div><a target="_blank" href="http://zyplayer.com">暮光：城中城</a></div>
					</div>
				</a-tab-pane>
				<a-tab-pane tab="开源软件" key="software">
					<div style="line-height: 30px;">
						<div>本项目基于以下开源软件构建</div>
						<a-divider content-position="left">前端</a-divider>
						Vue3、vue-router、vuex、ant-design-vue、axios、brace、highlight.js、jsontoxml、less、mavon-editor、moment、qs、sass、xml-formatter、...
					</div>
				</a-tab-pane>
			</a-tabs>
		</div>
	</a-modal>
</template>

<script>
	export default {
        data() {
            return {
				aboutDialogVisible: false,
			};
        },
		mounted() {
		},
		methods: {
			show() {
				this.aboutDialogVisible = true;
			},
		}
    }
</script>

